<template>
<div class="background_style">
<div class="text-center mt-5 fs-2 " >校园答疑平台</div>
  <el-form :model="registry" class="border w-50 mx-auto mt-3 " >

   <el-form-item>
     <div class=" border w-100 text-center fs-5">快速注册 <router-link to="/anxinlogin" class="a">快速登录 </router-link></div> 
   </el-form-item>

  <el-form-item class=" text-end w-50 mx-auto" label="用户名：" >
      <el-input  placeholder="用户名"></el-input>
    </el-form-item>

     <el-form-item class=" text-end w-50 mx-auto" label="密码：" >
      <el-input  placeholder="密码"></el-input>
    </el-form-item>
   
     <el-form-item class=" text-end w-50 mx-auto" label="年龄：" >
      <el-input  placeholder="年龄"></el-input>
    </el-form-item>

      <el-form-item class=" text-end w-50 mx-auto" label="邮箱：" >
      <el-input  placeholder="邮箱"></el-input>
    </el-form-item>

     <el-form-item class=" text-end w-50 mx-auto" label="电话：" >
      <el-input  placeholder="电话"></el-input>
    </el-form-item>

      <el-form-item class=" text-end w-50 mx-auto" label="性别：" >
      <el-radio  label="1">男</el-radio>
          <el-radio label="2">女</el-radio>
    </el-form-item>
    
   <el-form-item >
      <el-button type="primary" class="mx-auto mt-3" >同意协议并注册</el-button>
   </el-form-item>
</el-form>
</div>
</template>

<script>
export default {
  name:"AnXinRegistry",
  data (){
    return{
      registry:{

      }

    }
  }

}
</script>

<style scoped>
.background_style{
width:100%;
height:100%;
position:fixed;
background-size:100% 100%;
background-repeat: no-repeat;
background-image: url("@/assets/zjuc.webp");
}
.a{
   text-decoration: none;
}

</style>